<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover, user-scalable=no">
  <meta name="description" content="">
  <meta name="author" content="author">
  <title>Document</title>
  <link rel="stylesheet" href="../assets/css/element-ui.css" />
  <link rel="stylesheet" href="../assets/css/custom.css" />
  <script src="../assets/js/vue.min.js"></script>
  <script src="../assets/js/element-plus.js"></script>
  <script src="../assets/js/icon.min.js"></script>
  <script src="../assets/js/axios.min.js"></script>
</head>

<body>
  <div id="app">
    <div class="common-layout">
      <el-container>
        <el-aside width="200px">
          <h5 class="mb-2">Default colors</h5>
          <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
            <el-sub-menu index="1">
              <template #title>
                <el-icon>
                  <location />
                </el-icon>
                <span>看板</span>
              </template>
              <el-menu-item index="1-1"><a class="el-menu-item-link" href="./sales-analysis.html">销售分析</a></el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="2">
              <template #title>
                <el-icon>
                  <location />
                </el-icon>
                <span>项目</span>
              </template>
              <el-menu-item index="2-1"><a class="el-menu-item-link" href="./marketing-calendar.html">营销日历</a></el-menu-item>
              <el-menu-item index="2-2"><a class="el-menu-item-link" href="./settlement-management.html">结算管理</a></el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="3">
              <template #title>
                <el-icon>
                  <location />
                </el-icon>
                <span>运营</span>
              </template>
              <el-menu-item index="3-1"><a class="el-menu-item-link" href="./provider-management.html">商品供给管理</a></el-menu-item>
            </el-sub-menu>
          </el-menu>
        </el-aside>
        <el-main>
          <el-breadcrumb separator="/">
            <el-breadcrumb-item>
              homepage
            </el-breadcrumb-item>
            <el-breadcrumb-item>homepage</el-breadcrumb-item>
            <el-breadcrumb-item>route 2</el-breadcrumb-item>
          </el-breadcrumb>
        </el-main>
      </el-container>
    </div>
  </div>
  <script>
    const { createApp } = Vue
    // const { ElementPlus } = 'element-plus'
    const app = createApp({
      data() {
        return {
          test: '测试'
        }
      },
      async mounted () {
        console.log('location --- ', location)
        // const res = await axios.post('https://testop.ismartgo.cn/djwin/dataimp/getPlatform')
        console.log('window.document.cookie --- ', document.cookie)
      }
    })
    // 注册图标
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
      app.component(key, component)
    }
    app.use(ElementPlus).mount('#app')
  </script>
</body>

</html>